import React from 'react';
import styled from 'styled-components';

const Style = styled.div`
  .Box {
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    &-img {
      width: 100px;
      height: 100px;
    }
    &-title {
      font-size: 24px;
      margin-top: 20px;
    }
  }
`;

const NotFound = () => (
  <Style>
    <div className='Box'>
      <img src="404.png" alt="404" className="Box-img" />
      <h1 className='Box-title'>页面不存在</h1>
    </div>
  </Style>
)

export default NotFound;